﻿@model USERS.CYT369.COM.Models.AccountView.ForgotPasswordViewModel
@{
    ViewBag.Title = "找回密码";
    ViewBag.HeaderName = "找回密码";
    Layout = "~/Views/Shared/_ResetPasswordLayout.cshtml";

    string errorStyle = string.Empty;
    if (!string.IsNullOrEmpty(ViewBag.ErrorMsg as string))
    {
        errorStyle = "style='display:block'";
    }
}

@section styles{
    <link href="~/Content/ForgotPassword.css" rel="stylesheet" />
}
@section scripts{
    <script type="text/javascript">
        function FormSubmit() {
            if ($("#PhoneNumber").val() == "") {
                $(".error-panel").find("span").text("请输入手机号");
                $(".error-panel").show();
                return false;
            }
            return true;
        }
    </script>
}

<form method="post" action="~/Account/ForgotPassword" onsubmit="return FormSubmit()">
    <div class="step-table">
        <div class="menus">
            <div class="menu"><a href="~/Account/ForgotPassword">找回登录密码</a></div>
        </div>
        <div class="step-grid">
            <div class="step-menu-panel">
                <div class="menu menu-name panel-name">找回登录密码</div>
                <div class="menu menu-step active">
                    <div class="progress"></div>
                    <div class="text">第一步：填写账号</div>
                </div>
                <div class="menu menu-step inactive">
                    <div class="progress"></div>
                    <div class="text">第二步：验证并设置新密码</div>
                </div>
                <div class="menu menu-step inactive">
                    <div class="progress"></div>
                    <div class="text">第三步：设置成功</div>
                </div>
            </div>
            <div class="enter-phone-panel">
                <div class="panel-name">请输入您的手机号</div>
                <div class="error-panel" @Html.Raw(errorStyle)><i class="fa fa-info-circle" style="margin-right:10px"></i><span>@ViewBag.ErrorMsg</span></div>
                <div class="ctrl-row">
                    <div class="prompt">手机号：</div>
                    <input type="text" name="PhoneNumber" id="PhoneNumber" class="text-box" style="width:200px" maxlength="14" placeholder="请输入您绑定的手机号" value="@(Model != null ? Model.PhoneNumber:"")" autocomplete="off" />
                    <div class="after-prompt">提示: 请输入手机号</div>
                </div>
                <div>
                    <input class="btn" style="margin-left:120px" type="submit" value="下一步" />
                </div>
            </div>
            <div class="question-panel">
                <div class="panel-name" style="font-size:13px;">使用遇到的问题？</div>
                <div>无法找回餐饮通账户登录密码，怎么办？</div>
                <div style="display:flex;">
                    <div>答：</div>
                    <ul>
                        <li>1、找回登录密码只能通过绑定手机找回，请确认您绑定了手机。</li>
                        <li>2、如果长时间未接收到手机短信，请查看您的拦截短信。</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>


</form>
